
<div style="background-color:white;">

    <div class="article-head" style="z-index: 10">
        <div>
            <img src="{{vm.article.photo}}" class="article-auhter-photo">
            <div class="article-auther-name">
                <span class="article-auther-span">{{vm.article.nickname}}</span><br/>
                <span class="article-auther-spandate">
                    {{vm.article.createtime | date:'yyyy-MM-dd HH:mm:ss'}}
                </span>
            </div >
        </div>

    <div class="article-head-right">
    <img src="images/article/blackshare.png" class="img-blackshare"/>
    <img src="images/article/more.png" class="img-more" data-toggle="modal" data-target="#myModal"/>
    </div>
    </div>




    <image  src="{{vm.article.articlepic}}" class="article-img" style="margin-top: 14%;"/>



    <div class="article-position">
    <div class="article-content">
        {{vm.article.articlecontent}}
    </div>
    <div class="article-sort">{{vm.article.articletype}}</div>

    </div>

  <div class="article-comment">
      <!--<table ng-hide="vm.account==0">-->
      <table>
          <tr>
              <td class="article-comment-td1">
                  <hr class="article-comment-hr">
              </td>
              <td class="article-comment-td2">评论</td>
              <td class="article-comment-td3">
                  <hr class="article-comment-hr">
              </td>
          </tr>
          <tr class="article-comment-tr"  ng-repeat="comment in vm.comments track by $index">
              <td colspan="3" class="article-comment-td">
                  <div class="article-auther">
                      <img src={{comment.photo}} class="article-auhter-photo">
                      <div class="article-auther-name"><span class="article-auther-span">{{comment.nickname}}</span><br/>
                          <span class="article-auther-spandate">{{comment.createtime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                      </div>
                      <div class="article-comment-diss"  ng-click="" ><img src="images/article/diss.png" class="img-diss" /><span style="position:relative;bottom:0;">赞</span></div>
                  </div>
                  <div class="article-content">{{comment.content}}</div>
              </td>
          </tr>
      </table>
  </div>


</div>
<div class=" article-footer">
    <input type="text" class="article-input"  ng-model="vm.comment.content" />
    <img src="images/article/{{vm.heartpng}}" class="img-heart" ng-click="vm.addLike()" />
    <button class="btn" ng-click="vm.addComment()" >发送</button>
</div>

<!-- 模态框（Modal） -->
<div  style="font-size: 16px;" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="top: 25%;width: 95%;">
        <div class="modal-content">
            <div class="modal-header" style="border: none;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" style="text-align: center;border-bottom: 1px solid #e5e5e5;" onclick="window.location.reload()">刷新</div>
            <div class="modal-body" style="text-align: center" data-dismiss="modal" onclick="javascript:history.back();">返回</div>
            <div class="modal-footer" style="border: none;">
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>